<!-- BEGIN: main -->
<script type="text/javascript" src="{NV_BASE_SITEURL}themes/{TEMPLATE}/js/slider/jquery.cycle.js"></script>
<style type="text/css">
.ad-container {
    margin: 1px auto 11px;
    overflow: hidden;
    width: 100%;
}
</style>
<div class="header">

<script type="text/javascript">
    var document_height = 0;
    var ad_container_top = 0;
    var ad_container_height = 0;
    var ad_add_top = 0;

    
    $(window).load(function () {


        // move now
        move_left_right_banner();

        // set event
        $(window).scroll(function() {
            move_left_right_banner();
        });
    });

    function move_left_right_banner() {
        // stop animation
        $(".left-right-banner-wrapper .ad-container").stop();

        window_scroll_top = $(window).scrollTop();
        window_height = $(window).height();

        next_top = window_height / 2 + window_scroll_top - ad_add_top - ad_container_height / 2;

        // check next top
        if (next_top < ad_container_top) {
            next_top = ad_container_top
        }
        // check height
        if (next_top + ad_add_top + ad_container_height >= document_height) {
            next_top = window_height / 2 + (document_height - window_height) - ad_add_top - ad_container_height / 2;
        }

        $(".left-right-banner-wrapper .ad-container").animate({
            "top": next_top
        }, 150);
    }
    
</script><div class="home-banners">
    <div class="home-banners-wrapper">
        		<div class="ad-container center">
		<a href="#" target="_blank">		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/container.jpg" width="985" height="250" alt="13-10"  border="0" />
		</a>	</div>
			<div class="ad-container center">
		<a href="#" >		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/container3.jpg" width="985" height="250" alt=""  border="0" />
		</a>	</div>
			<div class="ad-container center">
		<a href="#" >		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/Containers2.jpg" width="985" height="250" alt=""  border="0" />
		</a>	</div>
			<div class="ad-container center">
		<a href="#" >		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/banner_8-3.png" width="985" height="250" alt=""  border="0" />
		</a>	</div>
			<div class="ad-container center">
		<a href="#" >		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/bannerngaychocola2.png" width="985" height="250" alt=""  border="0" />
		</a>	</div>
			<div class="ad-container center">
		<a href="#" >		<img class=" "  src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/promo/3/hoa_cuoi_3sua.png" width="985" height="250" alt=""  border="0" />
		</a>	</div>
	
    </div>
 <!--   <div class="home-banners-nav">
        <a href="#" class="home-banners-prev"></a>
        <a href="#" class="home-banners-next"></a>
    </div>  -->
</div>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery(".home-banners-wrapper").cycle({
                fx: 'scrollHorz',
                speed: 1000,
                timeout: 5000,
                prev: '.home-banners-prev',
                next: '.home-banners-next'
            });
        });
    </script>
			</div>
<!-- END: main -->